<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
	<title th:text="${session.title}">123</title>
	<link th:replace="common/header"/>
	<link rel="stylesheet" th:href="@{/css/ace-skins.min.css}" />
    <link th:replace="common/tip"/>
	</head>
	<body class="navbar-fixed">
  	<div th:replace="common/top"></div>
		<div class="container-fluid main_bg" id="main-container">
			<a id="menu-toggler" href="#"><span></span></a>
			<div th:replace="common/menu"></div>
			<div id="main-content" class="clearfix">
				<div id="page-content" class="clearfix">
					<div th:replace="common/title"></div>
                    <h3 class="header smaller lighter blue"><em class="icon-eye-open"></em>查看球员信息</h3>
                    <div class="row-fluid">
                        <div>
                            <form class="form-horizontal" th:object="${footPersonSearchForm}" method="post" th:action="@{/hy/footPerson/search}" name="form">
                                <input type="hidden" name="pageIndex" th:field="*{pageIndex}"/>
                                <input type="hidden" name="pageSize" th:field="*{pageSize}"/>
                                <input type="hidden" name="name" th:field="*{name}"/>
                                <input type="hidden" name="djId" th:field="*{djId}"/>
                                <input type="hidden" name="wz" th:field="*{wz}"/>
                                <input type="hidden" name="gj" th:field="*{gj}"/>
                                <input type="hidden" name="nlName1" th:field="*{nlName1}"/>
                                <input type="hidden" name="nlValueStart1" th:field="*{nlValueStart1}"/>
                                <input type="hidden" name="nlValueEnd1" th:field="*{nlValueEnd1}"/>
                                <input type="hidden" name="nlName2" th:field="*{nlName2}"/>
                                <input type="hidden" name="nlValueStart2" th:field="*{nlValueStart2}"/>
                                <input type="hidden" name="nlValueEnd2" th:field="*{nlValueEnd2}"/>
                                <input type="hidden" name="nlName3" th:field="*{nlName3}"/>
                                <input type="hidden" name="nlValueStart3" th:field="*{nlValueStart3}"/>
                                <input type="hidden" name="nlValueEnd3" th:field="*{nlValueEnd3}"/>
                                <input type="hidden" name="nlName4" th:field="*{nlName4}"/>
                                <input type="hidden" name="nlValueStart4" th:field="*{nlValueStart4}"/>
                                <input type="hidden" name="nlValueEnd4" th:field="*{nlValueEnd4}"/>
                                <div th:if="${session.footUser.qx.text == '会员' || session.footUser.qx.text == 'VIP1' || session.footUser.qx.text == 'VIP2' || session.footUser.qx.text == 'VIP3'}">
                                    <button class="btn btn-primary" id="sc" type="button" style="display:none;" th:onclick="'javascript:shoucang(' + ${footPerson.id} + ');'"><em class="icon-heart"></em>收藏</button>
                                    <button class="btn btn-primary" id="delsc" type="button" style="display:none;" th:onclick="'javascript:cancleSc(' + ${footPerson.id} +  ',false)'"><em class="icon-heart-empty"></em>取消收藏</button>
                                    <button class="btn" type="submit"><em class="icon-arrow-left"></em>返回</button>
                                    <a class="btn" type="button" th:href="@{/index}"><em class="icon-arrow-left"></em>返回首页</a>
                                </div>
	                        </form>
		                </div>
                        <div class="space-10"></div>
                        <div style="clear:both;"></div>
                        <div class="row-fluid">
                            <div class="span4">
                                <div class="row-fluid span12 table_border">
                                    <div class="head_title">
                                        <h3 class="lighter smaller"><em class="icon-info white"></em>个人信息</h3>
                                    </div>
                                    <div class="row-fluid">
                                        <div class="span5 text-center">
                                            <div class="space-10"></div>
                                            <img th:src="@{'/' + ${footPerson.zpUrl}}" height="100px" src="" alt="" th:if="${footPerson.zpUrl != null}"/>
                                            <img th:src="@{/images/null.jpg}" alt="" style="height:100px;" src="" th:if="${footPerson.zpUrl == null}"/>
                                            <div class="text-center">
                                                <h3 th:if="${footPerson.qydj == '顶级球星'}"><em class="icon-star text-warning"></em><em class="icon-star text-warning"></em><em class="icon-star text-warning"></em><em class="icon-star text-warning"></em><em class="icon-star text-warning"></em></h3>
                                                <h3 th:if="${footPerson.qydj == '超级球星'}"><em class="icon-star text-warning"></em><em class="icon-star text-warning"></em><em class="icon-star text-warning"></em><em class="icon-star text-warning"></em></h3>
                                                <h3 th:if="${footPerson.qydj == '洲际球星'}"><em class="icon-star text-warning"></em><em class="icon-star text-warning"></em><em class="icon-star text-warning"></em></h3>
                                                <h3 th:if="${footPerson.qydj == '普通球星'}"><em class="icon-star text-warning"></em><em class="icon-star text-warning"></em></h3>
                                                <h3 th:if="${footPerson.qydj == '大众/白人'}"><em class="icon-star text-warning"></em></h3>
                                            </div>
                                            <div class="text-center">
                                                <span style="font-weight: bold color: orange; " th:if="${footPerson.qydj == '顶级球星'}" th:text="${footPerson.name}">123</span>
                                                <span style="font-weight: bold color: purple; " th:if="${footPerson.qydj == '超级球星'}" th:text="${footPerson.name}">123</span>
                                                <span style="font-weight: bold color: blue; " th:if="${footPerson.qydj == '洲际球星'}" th:text="${footPerson.name}">123</span>
                                                <span style="font-weight: bold color: #9dfe5c; " th:if="${footPerson.qydj == '普通球星'}" th:text="${footPerson.name}">123</span>
                                                <span style="font-weight: bold color: white; " th:if="${footPerson.qydj == '大众/白人'}" th:text="${footPerson.name}">123</span>
                                            </div>
                                        </div>
                                        <div class="span7">
                                            <div class="row-fluid">
                                                <span th:text="${head.nl14 + ':'}">123</span>
                                                <div class="progress" th:data-percent="${footPerson.pf}" style="margin-bottom:10px !important;">
                                                    <div class="bar" th:style="'width:' + ${footPerson.pf} + '%;'"></div>
                                                </div>
                                            </div>
                                            <div class="row-fluid" th:text="${head.nl4 + ':' + footPerson.yw}">123</div>
                                            <div class="row-fluid" th:text="${head.nl2 + ':' + footPerson.name}">123</div>
                                            <div class="row-fluid" th:text="${head.nl1 + ':' + footPerson.qybm}">123</div>
                                            <div class="row-fluid" th:text="${head.nl11 + ':' + footPerson.map.nl}">123</div>
                                            <div class="row-fluid"><span th:text="${head.nl5 + ':'}">123</span>
                                                <span class="space-10" th:if="${null == footPerson.gjUrl}">
                                                    <img th:src="@{/images/unknow.png}" src="" alt="" style="max-height:20px;" th:if="${null == footPerson.gjUrl}"/><span th:text="${null == footPerson.gj ? '未知' : footPerson.gjName}">123</span>
                                                </span>
                                                <span class="space-10" th:if="${null != footPerson.gjUrl}">
                                                    <img th:src="@{'/' + ${footPerson.gjUrl}}" src="" alt=""  style="max-height:20px;" th:if="${null != footPerson.gjUrl}"/><span th:text="${footPerson.gjName}">123</span>
                                                </span>
                                            </div>
                                            <div class="row-fluid" th:text="${head.nl3 + ':' + footPerson.ssjlb}">123</div>
                                            <div class="row-fluid" th:text="${head.nl6 + ':' + footPerson.map.tz}">123</div>
                                            <div class="row-fluid" th:text="${head.nl9 + ':' + footPerson.map.sg}">123</div>
                                            <div class="row-fluid" th:text="${head.nl18 + ':' + footPerson.gyj}">123</div>
                                            <div class="row-fluid" th:text="${head.nl16 + ':' + (null == footPerson.qysj ? '0' : #numbers.formatDecimal(footPerson.qysj, 0, 0))}">123</div>
                                            <div class="row-fluid" th:text="${head.nl8 + ':' + footPerson.wzbm}">123</div>
                                        </div>
                                    </div>
                                    <div style="clear:both;"></div>
                                    <div class="row-fluid table_border">
                                        <div class="head_title">
                                            <h3 class="lighter smaller"><em class="icon-info white"></em>球员风格</h3>
                                        </div>
                                        <div class="row-fluid" th:text="${head.nl65 + ':' + footPerson.pCard}">123</div>
                                        <div class="row-fluid" th:text="${head.nl66 + ':' + footPerson.sCard}">123</div>
                                        <div class="row-fluid" th:text="${head.nl12 + ':' + (footPerson.grjj == null ? '无' : footPerson.grjj)}">123</div>
                                        <div class="row-fluid" th:text="${head.nl13 + ':' + (footPerson.zyjx == null ? '无' : footPerson.zyjx)}">123</div>
                                    </div>
                                    <div style="clear:both;"></div>
                                    <div class="row-fluid table_border">
                                        <div class="head_title">
                                            <h3 class="lighter smaller"><em class="icon-info white"></em>其他信息</h3>
                                        </div>
                                        <div id="comment-tab" class="tab-pane">
                                            暂无
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="span4">
                                <div class="row-fluid table_border">
                                    <div class="head_title">
                                        <h3 class="lighter smaller"><em class=" icon-user white"></em>属性</h3>
                                    </div>
                                    <div class="row-fluid">
                                        <div class="span6">
                                            <table class="">
                                                <thead>
                                                <tr>
                                                    <td style="width:130px;">基础能力</td>
                                                    <td style="width:70px;">分数</td>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr th:each="t, index:${basicSkills}">
                                                    <td><span class="blue" th:text="${t.name}">123</span></td>
                                                    <td>
                                                        <span th:if="${null == footPerson.skillList[index.count + 4].number}">-</span>
                                                        <span th:if="${footPerson.skillList[index.count + 4].number >= 75 && footPerson.skillList[index.count + 4].number < 80}" style='color: #9dfe5c;' th:text="${footPerson.skillList[index.count + 4].number}">123</span>
                                                        <span th:if="${footPerson.skillList[index.count + 4].number >= 80 && footPerson.skillList[index.count + 4].number < 90}" style='color: yellow;' th:text="${footPerson.skillList[index.count + 4].number}">123</span>
                                                        <span th:if="${footPerson.skillList[index.count + 4].number >= 90 && footPerson.skillList[index.count + 4].number < 95}" style='color: orange;' th:text="${footPerson.skillList[index.count + 4].number}">123</span>
                                                        <span th:if="${footPerson.skillList[index.count + 4].number >= 95}" style='color: red' th:text="${footPerson.skillList[index.count + 4].number}">123</span>
                                                        <span th:if="${footPerson.skillList[index.count + 4].number < 75}" style='color: white' th:text="${footPerson.skillList[index.count + 4].number}">123</span>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="span6">
                                            <table class="">
                                                <thead>
                                                <tr>
                                                    <td style="width:130px;">联动能力</td>
                                                    <td style="width:70px;">分数</td>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr th:each="t, index:${linkageSkills}">
                                                    <td><span class="blue" th:text="${t.name}">123</span></td>
                                                    <td>
                                                        <span th:if="${null == footPerson.skillList[index.count + 26].number}">-</span>
                                                        <span th:if="${footPerson.skillList[index.count + 26].number >= 75 && footPerson.skillList[index.count + 26].number < 80}" style='color: #9dfe5c;' th:text="${footPerson.skillList[index.count + 26].number}">123</span>
                                                        <span th:if="${footPerson.skillList[index.count + 26].number >= 80 && footPerson.skillList[index.count + 26].number < 90}" style='color: yellow;' th:text="${footPerson.skillList[index.count + 26].number}">123</span>
                                                        <span th:if="${footPerson.skillList[index.count + 26].number >= 90 && footPerson.skillList[index.count + 26].number < 95}" style='color: orange;' th:text="${footPerson.skillList[index.count + 26].number}">123</span>
                                                        <span th:if="${footPerson.skillList[index.count + 26].number >= 95}" style='color: red' th:text="${footPerson.skillList[index.count + 26].number}">123</span>
                                                        <span th:if="${footPerson.skillList[index.count + 26].number < 75}" style='color: white' th:text="${footPerson.skillList[index.count + 26].number}">123</span>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div style="clear:both;"></div>
                                <div class="row-fluid table_border">
                                    <div class="head_title">
                                        <h3 class="lighter smaller"><em class="icon-map-marker white"></em>其他属性</h3>
                                    </div>
                                    <div class="row-fluid" th:text="${head.nl69 + ':' + (null == footPerson.other ? '暂无'  : footPerson.other)}">123</div>
                                </div>
                            </div>
                            <div class="span4">
                                <div class="row-fluid table_border" style="height:310px;">
                                    <div class="head_title">
                                        <h3 class="lighter smaller"><em class="icon-info white"></em>个人能力</h3>
                                    </div>
                                    <div id="graphic">
                                        <div id="main" style="height:270px;width:100%"></div>
                                    </div><!--/span-->
                                </div>
                                <div style="clear:both;"></div>
                                <div class="row-fluid table_border">
                                    <div class="head_title">
                                        <h3 class="lighter smaller"><em class="icon-map-marker white"></em>位置</h3>
                                    </div>
                                    <div class="row-fluid text-center">
                                        <div class="span6 player_position">
                                            <div class="player_div">
                                                <div class="player_ab player_GK"><em class="icon-circle icon-1x" id="GK"></em></div>
                                                <div class="player_ab player_SS"><em class="icon-circle icon-1x" id="SS"></em></div>
                                                <div class="player_ab player_AMF"><em class="icon-circle icon-1x" id="AMF"></em></div>
                                                <div class="player_ab player_LMF"><em class="icon-circle icon-1x" id="LMF"></em></div>
                                                <div class="player_ab player_RMF"><em class="icon-circle icon-1x" id="RMF"></em></div>
                                                <div class="player_ab player_CMF"><em class="icon-circle icon-1x" id="CMF"></em></div>
                                                <div class="player_ab player_DMF"><em class="icon-circle icon-1x" id="DMF"></em></div>
                                                <div class="player_ab player_RWF"><em class="icon-circle icon-1x" id="RWF"></em></div>
                                                <div class="player_ab player_LWF"><em class="icon-circle icon-1x" id="LWF"></em></div>
                                                <div class="player_ab player_RB"><em class="icon-circle icon-1x" id="RB"></em></div>
                                                <div class="player_ab player_LB"><em class="icon-circle icon-1x" id="LB"></em></div>
                                                <div class="player_ab player_CB"><em class="icon-circle icon-1x" id="CB"></em></div>
                                                <div class="player_ab player_SW"><em class="icon-circle icon-1x" id="SW"></em></div>
                                                <div class="player_ab player_CF"><em class="icon-circle icon-1x" id="CF"></em></div>
                                            </div>
                                            <img th:src="@{/images/position_bg.jpg}" src="" alt=""/>
                                        </div>
                                        <div class="span6" id="ksywz">
                                            <div class='space-20'></div>
                                            <span class="label label-large label-warning arrowed-right">最佳位置</span>
                                            <span th:text="${footPerson.wzbm}">123</span>
                                            <div class='space-20'></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <!--/#page-content-->
                </div>
                <div th:replace="common/skin :: skin"></div>
            </div><!--/#main-content-->
        </div><!--/.fluid-container#main-container-->
        <div th:replace="common/js"></div>
        <script th:src="@{/js/echarts/esl.js}"></script>
        <script th:src="@{/js/echarts/echarts.js}"></script>
        <script th:src="@{/js/layer/tabpane.js}"></script>
        <script th:replace="common/qy"></script>
        <script type="text/javascript" th:inline="javascript">
            $(document).ready(function(){
                $.ajax({
                    type: "POST",
                    dataType: "json",
                    url: "/hy/footScinfo/isSc",
                    data: "qyId=" + [[${footPerson.id}]],
                    success: function(data){
                        if(data === true){
                            $("#sc").hide();
                            $("#delsc").show();
                        }else{
                            $("#sc").show();
                            $("#delsc").hide();
                        }
                    }
                });
            });
        </script>
	</body>
</html>
